/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */



@font-face {
	font-family: 'digital-7regular';
	src: url('font/digital-7-webfont.eot');
	src: url('font/digital-7-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/digital-7-webfont.woff') format('woff'),
		 url('font/digital-7-webfont.ttf') format('truetype'),
		 url('font/digital-7-webfont.svg#digital-7regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'horatio_dregular';
    src: url('font/horatio_d_bold-webfont.eot');
    src: url('font/horatio_d_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/horatio_d_bold-webfont.woff2') format('woff2'),
         url('font/horatio_d_bold-webfont.woff') format('woff'),
         url('font/horatio_d_bold-webfont.ttf') format('truetype'),
         url('font/horatio_d_bold-webfont.svg#horatio_dregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinproregular';
    src: url('font/dinpro-regular-webfont.eot');
    src: url('font/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dinpro-regular-webfont.woff') format('woff'),
         url('font/dinpro-regular-webfont.ttf') format('truetype'),
         url('font/dinpro-regular-webfont.svg#dinproregularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinprobold';
    src: url('font/dinpro-bold-webfont.eot');
    src: url('font/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dinpro-bold-webfont.woff') format('woff'),
         url('font/dinpro-bold-webfont.ttf') format('truetype'),
         url('font/dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'titilliumregular';
    src: url('font/titillium-regular-webfont.eot');
    src: url('font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titillium-regular-webfont.woff') format('woff'),
         url('font/titillium-regular-webfont.ttf') format('truetype'),
         url('font/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'titillium_bdbold';
    src: url('font/titillium-bold-webfont.eot');
    src: url('font/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titillium-bold-webfont.woff') format('woff'),
         url('font/titillium-bold-webfont.ttf') format('truetype'),
         url('font/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



html {
    height: 100%;               /* om hoogte op 100% te zetten in geval van te weinig content */
    margin:0px; 
    padding:0px;
	 
}

body {
	text-align: left;
	font-family: 'open_sanslight', Arial, Sans-Serif; 
	font-size:18px;
	line-height: 150%;
}

#Body { text-align:center; height: 100%;  }    /* Achtergrondkleuren + afbeeldingen hier */

#Form { height: 100%; min-height:100%; }      /* om hoogte op minimaal 100% te zetten, mag wel groter */


/* HEADINGS */
H1, H2, H3, H4, H5 {
    font-family: 'open_sanslight', Arial, Sans-Serif; 
    color: #707173; 
}

H1 {font-size:44px; font-weight:normal; line-height:44px; margin:40px 0 33px 0; }
H2 {font-size:18px; }
H3 {font-size:16px; }
H4 {font-size:14px; }
H5 {font-size:14px; }

/* LINKS */ 
A:link      {color: #0000FF; text-decoration: none; }
A:visited   {color: #0000FF; }
A:hover     {color: #FF0000; text-decoration: underline; }
A:active    {color: #0000FF; }

/* TABLES */
table {font-size: 14px; }               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, 
.Normal, .NormalTextBox, .NormalRed, .NormalBold, 
.CommandButton { font-family: Verdana, Arial, Sans-Serif; }

.Head { font-size: 14px; }          /* style for module titles */
.SubHead {font-size: 13px; }        /* style of item titles on edit and admin pages */
.SubSubHead { font-size: 12px; }    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.Normal { font-size: 14px; }        /* text style used for most text rendered by modules */
.NormalTextBox { font-size: 14px; } /* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalRed { font-size: 14px; }
.NormalBold { font-size: 14px; font-weight:bold; }

.CommandButton { }                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { }            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited  { }
A.CommandButton:hover    { }    
A.CommandButton:active   { }

.StandardButton { }                 /* button style for standard HTML buttons */

/* COMMON  ISSUES */
img {border: 0px;}                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */

input[type=submit], input[type=button] {}
input[type=submit]:hover, input[type=button]:hover {}

/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

#Wrapper { margin: 0px auto; height:1080px; width: 1920px; text-align: left; position:relative; cursor:none; }

.ControlPanel ~ #Wrapper {cursor:pointer;}          
.ContentPane {height:1015px; width:1920px; overflow:hidden; }

/* FOOTER SECTION */
#Footer {overflow:hidden; background-color: #e3e4e4; position:absolute; bottom:0px; left:0px; width:1920px; height:65px; background-image:url(images/NOSHeadlines.png); background-repeat:no-repeat; background-position:190px 0px; }

#Tijd { position:absolute; left:50px; color:#707173; font-family: 'digital-7regular'; line-height:72px; font-size:46px; letter-spacing:3px;}

ul#NewsList { width:300px; margin:0px; padding:0px; overflow:hidden;}
ul#NewsList li { margin-bottom:30px; list-style:none;}
ul#NewsList .NewsTitel {display:block; font-weight:bold; margin-bottom:6px; font-size:24px; line-height:24px;  font-family: Arial, Sans-Serif; color:#707173; /*white-space:nowrap;*/ }
ul#NewsList .NewsSummary {display:block; height:42px; overflow:hidden; line-height:20px;}


/* ================================================================================ 
                               FONTOPTIES
   ================================================================================ */

.Font_Horatio { font-family: 'horatio_dregular';}

.Font_Opensans {font-family: 'Open Sans', sans-serif; }
.Font_Opensans .Bold { font-weight:700}

.Font_Segoe {font-family: 'Open Sans', sans-serif; }
.Font_Segoe .Light{font-weight:300}
.Font_Segoe .Semibold{font-weight:600}

.Font_Dinpro {font-family: 'dinproregular';}
.Font_Dinpro .Bold {font-family: 'dinprobold';}

.Font_Titillium {font-family: 'titilliumregular';}
.Font_Titillium .Bold{font-family: 'titillium_bdbold';}

.Font_Roboto {font-family: 'Roboto Condensed', sans-serif;}

.Font_Arial{ font-family: Arial, Helvetica, sans-serif }
.Font_Arial .Bold{ font-weight:bold; }

.Fontsize30 { font-size:30px;}
.Fontsize34 { font-size:34px;}
.Fontsize36 { font-size:36px;}
.Fontsize50 { font-size:50px;}
.Fontsize52 { font-size:52px;}
.Fontsize61 { font-size:61px;}
.Fontsize62 { font-size:62px;}
.Fontsize73 { font-size:73px;}
.Fontsize80 { font-size:80px;}
.FontSize85 { font-size:85px;}
.Fontsize93 { font-size:93px;}
.Fontsize118 {font-size:118px;}
.Fontsize132 { font-size:132px;}
.Fontsize145 { font-size:145px;}



/* ================================================================================ 
                                CONTAINER LAYOUT'S
   ================================================================================ */


.Container {}
.ContainerHeader { }
.ContainerContent {}
.ContainerFooter {}



/* ================================================================================ 
                                   NEUWSTICKER
   ================================================================================ */

.tickercontainer { width: 1440px; height: 65px; line-height:65px; margin: 0 0 0 480px; padding: 0;overflow: hidden; }
.tickercontainer .mask { position: relative; left: 0px; top: 0px; width: 1440px; overflow: hidden;}
ul.newsticker { position: relative; left: 1440px; list-style-type: none; margin: 0; padding: 0;}
ul.newsticker li {float: left; margin: 0 5px 0 0; padding: 0; color:#707173; font-size:20px; list-style-type:none;}
ul.newsticker li:after {content:" - "}
ul.newsticker li:last-child:after {content:" "}